<%@ page contentType="text/html; charset=UTF-8"%>
<!--内容区底部部分-->
<section id="content_bottom">
	<!--左边图片区域-->
	<div id="bottom_img" class="center">
		<img src="images/prev2.png" data-content="prev" class="myprev" title="上一首"> 
		<img src="images/play.png" data-content="play" class="myplay" title="播放/暂停">
        <img src="images/next2.png" data-content="next" class="mynext" title="下一首">
	</div>
	<!--正在播放的音乐,不知道是否可以设置成音乐歌词往左边滚动的效果-->
	<div id="playContent">
		<div class="bg"></div>  <!-- 一个做背景层显示播放的音乐信息 -->
		<div class="divcon center" id="musicname"></div>  <!-- 一个为移动层,给滚动条动态增加长度,同时设置背景颜色 -->
	</div>
	<div id="bottom_right">
		<div class="currentTime">00:00</div>
		<div class="playTime">00:00</div>
		<div>
			<img id="voice" src="images/voiceon.png"/>
		</div>
		<!--滚动条制作模块-->
		<div class="scroll">
			<div class="bgd"></div>
		</div>
		<div class="xunhuan">
			<img src="images/shunxu.png" title='顺序播放'/>
		</div>
	</div>
</section>